<div class="m-l nav navbar-nav m-t block" style="width:300px;" >  
  <span>订单管理 ></span>  
  <span>普通用户订单 ></span> 
  <span>列表</span>      
</div>

<div class="m-t-lg">
  <div class="wrapper-sm">
	<div class="panel panel-default">
		<div class="panel-body">
			<div style="border-color: #e5e5e5;padding: 10px;background-color: #e5e5e5">
				<div class="row">					
					<div class="col-md-6">
						<div class="input-group">
					      <input type="text" class="form-control" placeholder="手机号..." [(ngModel)]="usertelephone">
					      <span class="input-group-btn">
					        <button class="btn btn-default" type="button" (click)="getSearchdata()">查询</button>
					      </span>
					    </div>
					</div> 
					<!-- <div class="col-md-4" style="text-align: right">
						<button class="btn btn-info" (click)="myModal.show()">
							新增
						</button>
					</div> -->			
				</div>
			</div>
			<div class="table-responsive">
			<table class="table table-hover table-striped m-b-none default footable">
				<thead>
					<tr>
						<th>订单编号</th>
	   					<th>用户ID</th>
	   					<th>手机号</th>
	   					<th>开始时间</th>
	   					<th>结束时间</th>
	   					<th>应付费用</th>
	   					<th>实付费用</th>
	   					<th>设备ID</th>
	   					<th>预定时长</th>
	   					<th>使用时长</th>
	   					<th>订单状态</th>
	   					<th>操作记录</th>
					</tr>
				</thead>
				<tbody>
					<tr *ngFor="let orderdata of orderdata">						
	   					<td>{{orderdata.order_number}}</td>
	   					<td>{{orderdata.user_id}}</td>
	   					<td>{{orderdata.user_telephone}}</td>
	   					<td>{{orderdata.created_at}}</td>
	   					<td>
	   						<span *ngIf="orderdata.order_use_real_time!=0">{{orderdata.updated_at}}</span>
	   						<span *ngIf="orderdata.order_use_real_time==0">使用中</span>
	   					</td>
	   					<td>{{orderdata.order_money}}</td>
	   					<td>{{orderdata.order_real_money}}</td>
	   					<td>{{orderdata.locker_device_id}}</td>
	   					<td>{{orderdata.order_use_time}}</td>
	   					<td>
	   						<span *ngIf="orderdata.order_use_real_time!=0">{{orderdata.order_use_real_time}}</span>
	   						<span *ngIf="orderdata.order_use_real_time==0">使用中</span>	   					
	   					</td>
	   					<td>	   				
	   						<span *ngIf="orderdata.order_status==0">未支付</span>
	   						<span *ngIf="orderdata.order_status==1">已支付</span>
	   					</td>
	   					<td>
	   						<a style="color: blue;">导出记录</a>
	   					</td>
					</tr>
				</tbody>
			</table>
			</div>
			<app-pagination [pageModel]="pageModel" (pageChanged)="getData($event)"></app-pagination>
		</div>
	</div>
  </div>
</div>